@import url('./config.less');
#app {
  display: flex;
  flex-direction:column;
  // font-family: 'Avenir', Helvetica, Arial, sans-serif;
  font-family: 'PingFangSC-Regular', 'PingFang SC';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height:100vh;width:100%;
  padding:24px;
  @media (max-width:unit(@mobile,px)){
    padding:0;
  }
}
.tabGroup{
  font-size:0;
  .tab{
    display:inline-block;
    font-size:16px;
    line-height:36px;
    text-align:center;
    min-width:120px;
    border-color:#ddd;
    border-width: 1px;
    border-top-style:solid;
    border-left-style:solid;
    border-right-style:solid;
    border-radius: 2px 2px 0px 0px;
    background-color: #FBFBFB;
    @media (max-width:unit(@mobile,px)){
      font-size:unit(2.8 ,vw);
      // width:25%;
      padding-left:1em;
      padding-right:1em;
      min-width:auto;
    }
    cursor: pointer;
    & + .tab{
      @media (max-width:unit(@mobile,px)){
        margin-left:0;
      }
      margin-left:4px;
    }
    &.active{
      border-color:#fff;
      background-color: #fff;
      color:#999
    }
  }
}
.tabContent{
  flex:1 0 auto;
  max-height:100%;
}
.ball{
  word-wrap:break-word;
}
